<!DOCTYPE html>
<html>
<head>
   <title>扫雷游戏</title>
   <link rel="stylesheet" href="index.css">
</head>
<body>
   <div class="game-container">
       <div class="difficulty-label" id="currentDifficulty">简单模式</div>
       <div class="controls">
           <select id="difficulty">
               <option value="easy">简单 (9x9, 10雷)</option>
               <option value="medium">中级 (16x16, 40雷)</option>
               <option value="hard">高级 (16x30, 99雷)</option>
           </select>
           <button onclick="initGame()">开始新游戏</button>
           <div class="help-tooltip">
               <span class="emoji">❓</span>
               <span class="tooltip-text">
                   左键点击: 揭示格子<br>
                   右键点击: 标记地雷<br>
                   双击数字: 快速揭示周围<br>
                   按R键: 快速重开
               </span>
           </div>
       </div>
       <div class="stats">
           <div class="stat-item">
               <span class="emoji">💣</span>
               <span id="mineCount">0</span>
           </div>
           <div class="stat-item">
               <span class="emoji">⏱️</span>
               <span id="timer">0</span>秒
           </div>
           <div class="stat-item">
               <span class="emoji">🏆</span>
               <span id="currentRecord">-</span>
           </div>
       </div>
       <div class="board-wrapper">
           <div id="board" class="board"></div>
       </div>
   </div>
   <script src="index.js"></script>
</body>
</html>